<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"   
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:ui="http://java.sun.com/jsf/facelets">
    <f:metadata>
        <f:viewParam name="activationCode" value="#{activationBean.activationCode}"/>
    </f:metadata>
    <h:head>
        <title>::Ativar Usuario::</title>
    </h:head>
    <h:body>
        <ui:composition template="template/layout.xhtml">
            <ui:define name="content">
                <div class="container">
                    <div class="hero-unit">
                        <h:form class="form">
                            <div class="row">
                                <div class="span4">
                                    <h2>Olá, Usermail</h2>
                                    <p>Você aceitou participar desta aventura. Por favor, confirme alguns de seus dados para que possamos dar continuidade a sua missão.</p>
                                    <p> <p><h:commandButton class="btn" value="Confirmar meus dados" action="#{activationBean.confirm()}"/></p></p>
                                </div>
                                <div class="span4">
                                    <h4>Nome Completo</h4>
                                    <p><h:inputText id="full-name" class="span12" value="#{activationBean.user.fullname}" style="width: 250px;"/></p>
                                    <h4>Sexo</h4>
                                    <p><h:selectOneRadio id="sex-list" class="span6" value="#{activationBean.user.sex}" style="width: 250px;">
                                            <f:selectItems value="#{activationBean.sexList}"/>
                                        </h:selectOneRadio>
                                    </p>
                                    <h4>Data de Nascimento</h4>
                                    <h4>Dia</h4>
                                    <p><h:selectOneMenu id="day-list" class="span6" value="#{activationBean.day}" style="width: 250px;">
                                            <f:selectItems value="#{activationBean.dayList}"/>
                                        </h:selectOneMenu>
                                    </p>  
                                    <h4>Mês</h4>
                                    <p><h:selectOneMenu id="month-list" class="span6" value="#{activationBean.month}" style="width: 250px;">
                                            <f:selectItems value="#{activationBean.monthList}"/>
                                        </h:selectOneMenu>
                                    </p> 
                                    <h4>Ano</h4>
                                    <p><h:selectOneMenu id="year-list" class="span6" value="#{activationBean.year}" style="width: 250px;">
                                            <f:selectItems value="#{activationBean.yearList}"/>
                                        </h:selectOneMenu>
                                    </p> 
                                </div>
                                <div class="span2">                                     
                                    <h4>Conta do PayPall <a>(?)</a></h4>
                                    <p><h:inputText id="paypall" class="span12" value="#{activationBean.user.paypalAccount}" style="width: 140px;" /></p>
                                    <h4>Telefone</h4>
                                    <p><h:inputText id="phone" class="span12" value="#{activationBean.user.phoneNumber}" style="width: 140px;" /></p>
                                </div>    
                            </div>
                        </h:form>
                    </div>
                </div>
            </ui:define>
        </ui:composition>
    </h:body>
</html>